<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8">
	<title>檀清华</title>
	<meta name="renderer" content="webkit">
	<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
	<meta name="viewport" content="width=device-width,initial-scale=1.0,maximum-scale=1.0,user-scalable=0">
	<meta name="author" content="Tantan">
	<meta name="keywords" content="檀清华 的个人主页">
	<meta name="description" content="檀清华 的个人主页">
	<link rel="shortcut icon" href="images/favicon.ico">
	<link rel="stylesheet" href="css/bootstrap.min.css">
	<link rel="stylesheet" href="css/common.css">
    <link rel="stylesheet" href="css/index.css">
	<!--[if lt IE 9]>
		<script src="js/plugin/html5shiv.min.js"></script>
	<![endif]-->
</head>

<body class="page-home">
	<!--顶部导航-->
	<header class="header"></header>

	<!--背景图-->
	<div class="bg"></div>

	<!--主要内容-->
	<div class="info">
		<div class="container">
			<ul class="texts">
		      <p>每一个幸运的现在，都有一个努力的曾经。 </p>
		      <p>世界只看结果，成功的人看起来都像幸运儿！</p>			 
			  <p>给幸运画条延长线--多往好运的方向走一步，每一步都是在靠近好运气。</p>
		   </ul>

		    <div class="hero-content">
		    	<!--<div class="avatar">
			    	<a href="#">
			    		<span>Tantan</span>
			    	</a>
			    </div>-->
				<h1>越努力，越幸运。</h1>
				<br>
				<span class="typed"></span>
			  </div>
		</div>
	</div>

	<!--版权信息-->
	


	<!--Javascript-->
	<script type="text/javascript" src="js/plugin/jquery-3.3.1.js"></script>
	<script type="text/javascript" src="js/plugin/bootstrap.min.js"></script>
	<script type="text/javascript" src="js/plugin/typed.js"></script>
	<script type="text/javascript" src="js/common/header.js"></script>
	<script type="text/javascript" src="js/common/footer.js"></script>
	<script type="text/javascript" src="js/common.js"></script>
	<script>
	    $(function () {
			//typed js
		    $(".typed").typed({
		        strings: ["My Name is 檀清华, I'm a Web Developer."],
		        typeSpeed: 100,
		        backDelay: 900,
		        // loop
		        loop: false
		    });

	    });
	</script>
</body>
</html>
